<template>
  <div class="h100 oa">
    <!-- 右侧内容 -->
    <div :class="isPhoneType ? 'phone_css right-cont' : 'right-cont'">
      <viewHead
        :activeTitle="activeTitle"
        headTitle="展品报名"
        secondTitle="我的报名"
        @changeTitle="changeTitle"
      />

      <list v-if="activeTitle === 0" />
      <my v-if="activeTitle === 1" />
    </div>
  </div>
</template>

<script>
import list from "./list.vue";
import my from "./my.vue";
import { checkMobile } from "@/utils/index";

export default {
  components: {
    list,
    my,
  },
  data() {
    return {
      activeTitle: 0,
      isPhoneType: false,
    };
  },

  created() {
    this.isPhoneType = checkMobile();
  },

  methods: {
    changeTitle(type) {
      this.activeTitle = type;
    },
  },
};
</script>

<style scoped>
.phone_css {
  min-width: 100%;
}
</style>
